<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上元商城-列表</title>
    <!-- 引入列表less -->
    <link rel="stylesheet/less" href="./css/list.less">
</head>

<body>

    <div class="head clearBox">
        <div class="head-home fl">
            <span class="iconfont icon-zuojiantou"></span>
        </div>
        <div class="head-search fl">
            <input type="text" placeholder="艾格女装">

        </div>
        <div class="head-login fl">
            <span class="iconfont icon-saoyisao"></span>
        </div>
    </div>

    <div class="container">

        <div class="box clearBox">
            <ul class="box-menu fl">
                <li>
                    <a href="#">潮流服饰</a>
                </li>
                <li class="current">
                    <a href="#">潮流服饰</a>
                </li>
                <li>
                    <a href="#">潮流服饰</a>
                </li>
                <li>
                    <a href="#">潮流服饰</a>
                </li>
                <li>
                    <a href="#">潮流服饰</a>
                </li>
                <li>
                    <a href="#">潮流服饰</a>
                </li>
                <li>
                    <a href="#">潮流服饰</a>
                </li>
                <li>
                    <a href="#">潮流服饰</a>
                </li>
            </ul>
            <div class="box-content fr">
                <h2>分类女装</h2>
                <ul class="clearBox">
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./img/nv-fy.jpg" />
                        </a>
                        <p>
                            时尚女装
                        </p>
                    </li>


                </ul>
            </div>
        </div>

    </div>

    <ul class="foot clearBox">
        <li>
            <a href="./index.html">
                <span class="iconfont icon-shouye"></span>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="./list.html">
                <span class="iconfont icon-liebiao"></span>
                <p>列表</p>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="iconfont icon-gouwuche"></span>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="iconfont icon-qita"></span>
                <p>其他</p>
            </a>
        </li>
        <li>
            <a href="#">
                <span class="iconfont icon-huiyuanzhongxin"></span>
                <p>会员

                </p>
            </a>
        </li>
    </ul>

    <script src="./js/iconfont.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/less.js/2.5.3/less.js"></script>
</body>

</html>